import { Link } from "@remix-run/react";

export default function CssDemo() {
  return (
    <div className="fixed top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2">
      <h1 className="text-4xl text-blue-500">Hello World</h1>
      <ul className="">
        <li className="text-lg text-yellow-500"><Link to="/cssdemo/mix-blend-mode">混合颜色</Link></li>
        <li className="text-lg text-yellow-500"><Link to="/cssdemo/mouse-scroll">滚动效果</Link></li>
      </ul>
    </div>
  )
}